<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="description" content="" />
  <meta name="author" content="ThemeBucket" />

  <title>系统用户管理</title>
  
  <script>
		var webPath = "..";
  </script>
  <script src="../UI/common/loadCommonCss.js"></script>
  <style>
  		.cross,.tick{margin-top:1px; margin-right:132px;}
  </style>
</head>

<body>
	<div class="page-main">
		<div class="row page-heading" >
			<div class="row page-heading-inner" >
				<div class="col-xs-6 " id="nav_header" style="margin-left:10px;">
					<ol class="list-inline" id="navContent">
						<li><a href="javascript:void(0);" onclick="window.parent.backMain();">主页</a></li> <span>/</span>
						<li><a id="parentNavName">###</a></li><span>/</span>
						<li><a id="thisNavName">###</a></li>
					</ol>
				</div>
			</div>
		</div>
		
        <div class="row page-body" >
        	<div class="col-sm-12">
        		<div class="panel-heading">
				   <strong style="line-height:30px;">用户列表</strong> 
		           <div class="panel-heading-button pull-right">
				       	<button type="button" class="btn" id="addBtn" title="新增"><i class="glyphicon glyphicon-plus" ></i></button>
			       		<!-- <button type="button" class="btn" id="removeOfNumbersBtn" title="批量删除"><i class="glyphicon glyphicon-trash" ></i></button> -->
				       	<button type="button" class="btn" id="updownarea"><i class="glyphicon glyphicon-chevron-down"></i></button>
			 		</div>
        		<hr/>
        		</div>
        	</div>
        	
        	<div class="col-sm-12" id="queryForm">
        		<form id="queryGridForm">
			        <div class="row queryFrom-body">
		          	  	<div class="form-group text-center">
	          	  			<label >机构:</label>&nbsp; <input class="queryOrgNameClass" placeholder=" 请选择机构" />  &nbsp;&nbsp;&nbsp; &nbsp;
              				<input class="queryOrgPathClass" id="queryOrgPath" type="hidden" />
	          	  			
	              			<label>用户名:</label> &nbsp;<input id="query_userName" placeholder=" 请输入用户名" >  &nbsp;&nbsp;&nbsp;
	              			<label >姓名:</label>&nbsp; <input  id="query_realName" placeholder=" 请输入姓名">  &nbsp;&nbsp;
	             
	              			 
		              	</div>
		          	</div>
	          	</form>
	          	
	          	<div class="row queryForm-footer" style="margin-top:20px">
	          	  	 <button type="button" class="btn" data-dismiss="modal" id="resetQueryFormInfo"><i class="glyphicon glyphicon-repeat"></i>&nbsp;清空</button>
	                 &nbsp;&nbsp;&nbsp;
	                 <button type="button" class="btn" id="queryGridBtn"><i class="glyphicon glyphicon-search"></i>&nbsp;查询</button>
	          	</div>
	          	<hr/>
          	</div>
	        
	        <div class="col-sm-12">
				<div class="row table-content">
					<div class="fixed-table-content">
						<table  class="table table-bordered" id="table">
							<thead class="fixed-thead">
								<tr>
									<th><div>机构名称</div></th>
									<th><div>用户名</div></th>
									<th><div>姓名</div></th>
									<!-- <th><div>角色</div></th> -->
									<th><div>性别</div></th>
									<th><div>电话</div></th>
									<th><div>邮箱</div></th>
									<th><div>注册时间</div></th>
									<th><div>操作</div></th>
								</tr>
							</thead>
							<tbody id="dataList">
								
							</tbody>
					    </table>
					</div>
					<div class="row table-foot">
						<div class="goto">
							<a href="javascript:;" id="gotopage" >确定</a>
							<select id ="setRownum">
								<option value="10" >10</option>
								<option value="20">20</option>
								<option value="50">50</option>
							</select>
						</div>
						<div id="Pagination" class="pagination" ></div>
					</div>
	    		</div>
   		 </div>
  </div>
  
  
  
    <!-- 增加 -->
	<div class="modal fade inmodal" id="addOrEditModal" tabindex="-1" role="dialog" aria-hidden="true"  >
		<div class="modal-dialog" style="width: 950px;">
			<div class="modal-content animated bounceInRight">
			     <div class="modal-header nt-model-head">
			          <h5 id="action"></h5>	                                         
			     </div>
			     <div class="modal-body" style="height:350px;overflow-y:auto">
		     		<form role="form" id="addOrEditForm">
     					<div class="row">
     						<div class="col-sm-12">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label text-right" style="padding-left:9px;">机构<span style="color:red">*</span>：</label> 
										<div class="col-sm-8">
											<input check="required"  class="orgIdClass" name="isTel" id="txtAddOrgNum"/> 
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">	
										<label class="col-sm-4 control-label text-right">机构名称<span style="color:red">*</span>：</label> 
										<div class="col-sm-8">
											<input check="required"  class="orgNameClass" readonly name="orgname" id="addOrgName">
										</div>
									</div>
								</div>
							 </div>
							 <div class="col-sm-12 " style="padding-top:10px">
								<div class="col-sm-6">
									<div class="form-group">
										 <label class="col-sm-4 control-label text-right" >用户名<span style="color:red">*</span>：</label>
										 <div class="col-sm-8">
											<input check="required EnOrNum"  name="username" id="addUserName" maxlength="8" />	
										</div>
									</div>	
								</div>
								<div class="col-sm-6">
										<div class="form-group">
										<label class="col-sm-4 control-label text-right">姓名<span style="color:red">*</span>： </label>
										 <div class="col-sm-8">
											<input check="required EnOrChinese"  name="realname" id="addRealName" maxlength="10" />
										</div>
									</div>		
								</div>
							 </div>
							 <div class="col-sm-12" style="padding-top:10px">
								<div class="col-sm-6" id="passw1">
									<div class="form-group">
										<label class="col-sm-4 control-label text-right" >密码<span style="color:red">*</span>：</label>
										<div class="col-sm-8">
										<input  type="password" check="required Password1"  name="password" id="addPassword1" maxlength="10" />
										</div>
									</div>
								</div>
								<div class="col-sm-6" id="passw2">
									<div class="form-group">
										<label class="col-sm-4 control-label text-right">确认密码<span style="color:red">*</span>：</label>
										<div class="col-sm-8">
										<input check="required Password2"  type="password"  name="confirmPassword" id="addPassword2" maxlength="10" />
										
										</div>
									</div>
								</div>
							 </div>
							 <div class="col-sm-12" style="padding-top:10px">
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label text-right" >移动电话 <span style="color:red">*</span>：</label>
										<div class="col-sm-8">
										<input check="required MobilePhone"  name=" mobile" id="addMobile" maxlength="11" />	
										</div>
										
									</div>	
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										<label class="col-sm-4 control-label text-right" >性别<span style="color:red">*</span>：</label>
										<!-- <input check="Sex"  name="sex" id="addSex" maxlength="1" /> -->
										<div class="col-sm-8">
										 <select  id="addSex" name="sex" >
			                                                <option class="opt" value="0">--请选择--</option>
															<option class="opt" value="男">男</option>
															<option class="opt" value="女">女</option>
															
			                                            </select>
			                           </div>
									</div>
								</div>
							 </div>
							 <div class="col-sm-12" style="padding-top:10px">
								<div class="col-sm-6">
									<div class="form-group">
										
										<label class="col-sm-4 control-label text-right" >电子邮箱：</label>
										<div class="col-sm-8">
										<input check="Email"  name="email" id="addEmail" maxlength="30" />
										</div>
									</div>	
								</div>
								
							 </div>
							<div class="col-sm-12" style="margin-top:20px;">
								<div class="form-group">
									
									<div class="row">
										<div class="col-sm-2" style="padding-right:0;">
											<label class="text-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;角色<span style="color:red">*</span>：</label>
										</div>
										<div class="col-sm-3" style="padding-right:0;">
											<select name="from" id="multiselect"
												class="form-control" size="8" multiple="multiple"
												style="padding-top:18px !important;height:223px;" id="allRole">
											</select> 
											<label class="title"
												style="position:relative;top:-231px;left:30px;background:#fff;">可选角色
											</label>
										</div>
										<div class="col-sm-2" style="height:223px;padding-top:40px;padding-right:40;">
											<button type="button" id="rightAll"
												class="btn btn-block">
												<i class="glyphicon glyphicon-forward"></i>
											</button>
											<button type="button" id="rightSelected"
												class="btn btn-block">
												<i class="glyphicon glyphicon-chevron-right"></i>
											</button>
											<button type="button" id="leftSelected"
												class="btn btn-block">
												<i class="glyphicon glyphicon-chevron-left"></i>
											</button>
											<button type="button" id="leftAll" class="btn btn-block">
												<i class="glyphicon glyphicon-backward"></i>
											</button>
										</div>
										<div class="col-sm-3">
											<select name="to" id="multiselect_to"
												class="form-control" size="8" multiple="multiple"
												style="padding-top:18px !important; height:223px;" id="selectRole">
											</select>
											<label class="title"
												style="position:relative;top:-231px;left:30px;background:#fff;">拥有角色
											</label>
										</div>
									</div>
								</div>
							</div>
						</div>
					 </form>
			     </div>
			     <div class="modal-footer text-center" >
			          <button type="button" class="btn btn-white btn-sm" data-dismiss="modal"><i></i>&nbsp;取消</button>
			          <button type="button" class="btn btn-primary btn-sm" id="addOrEditSaveBtn"><i class="fa fa-check"></i>&nbsp;保存</button>
			     </div>
			 </div>
		</div>
	</div>
	
	<!-- 增加 END-->
	<!-- 批量添加 -->          <!-- ../importData!importUserModel.action   -->
     <div class="modal inmodal" id="myModal" tabindex="-1" >
		<div class="modal-dialog">
		  <div class="modal-content animated bounceInRight" >
			   <form action="../importData!importUserModel.action" id="upload_form" method="post" onsubmit="return UpLoadExcel();" target="hidden_frame1" enctype="multipart/form-data">
				    <div class="modal-header" style="text-align:left;padding:5px;background:#eee">
					    <h3>上传数据文件</h3>
				    </div>
				   <div class="modal-body" >
						<div style="opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);z-index: -1;">
							<input type="file" id="fileToUpload" name="ImportModelBean.file" />
						</div>
						<div class="pp-inner" id="pp-inner" style="display:block">
							<div class="uploadFile" id="j-upload-btn-box">
								<div class="uploadFile_btn">
									<p>
										<label for="fileToUpload" class="btn-upload" id="j-upload-btn">
											<i class="site-icons icon-upload"></i> <span>上传数据文件</span>
										</label>
									</p>
								</div>
								<p>上传数据文件，请选择Excel数据文件</p>
							</div>
						</div>
						<div class="modal-footer closeUpload-btn" >
						<button class="btn" id="close" data-dismiss="modal" style="width:95px">
								<i class="fa fa-rotate-left" ></i>&nbsp;关闭
					    </button>
						   <button class="btn btn-primary" id="upload" type="button" style="width:95px" >
									<i class="fa fa-rotate-left"></i>&nbsp;上传
						  </button> 
					  </div>
			    	</div>
				</form> 
				<iframe style="width:100%;height:40px;"  hidden id="hidden_frame1" name="hidden_frame1">
					<body id="xxx"></body>
				</iframe>
			</div>
		</div>
	</div>
	</div>
	<!-- 批量添加end -->
    
	<script src="../UI/common/loadCommonJs.js"></script>
	<script src="../UI/orgTree/orgTree.js"></script>
	<script src="./user.js"></script>
	
</body>
</html>
